<seed-content>
  <seed-toolbar-header>
    <seed-toolbar-title>训练大纲</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>

  <!--教学计划-->
  <div class="teach-plan">
    <div class="class-name seed-underline">课程：{{className}}</div>
    <!--课程-->
    <div class="plan-header">
      <div class="seed-tab" >
        <div class="seed-tab-item"
          *ngFor="let tab of tabs; let i = index"
        >
          <div class="plan-header-name">{{tab.title}}</div>
          <div class="each-tab"
               [ngClass]="{'item-no-data': tab.content === '暂无内容', 'tab-show': tab.isShow}"
          >
            <span>{{ !tab.hasExtend || tab.isShow ? tab.content : tab.shortContent}}</span>
            <span *ngIf="tab.hasExtend" (click)="tabContentSwitch(i)"
                  class="text-switch">{{tab.isShow? '收起' : '展开'}}</span>
          </div>
        </div>
      </div>
    </div>

    <div class="seed-gap"></div>
    <!--教案-->
    <div class="plan-content">
      <h2 class="content-title">教案（共{{classSchedule?.length || 0}}课时）</h2>
      <div class="content-content">
        <lesson-comment-item *ngFor="let item of classSchedule; index as i"
                             [lesson]="item" [index]="i"></lesson-comment-item>
      </div>
    </div>
  </div>
</seed-content>
